<template>
  <div>
    <h1>v-on练习</h1>
    <div>你的金钱：{{ money }}</div>
    <button @click="love">过520</button>
    <button @click="work">搬砖</button>
  </div>
  <!-- 
    v-bind:title 简写  :title
    v-on:click   简写  @click
   -->
</template>

<script>
export default {
  data () {
    return {
      money: 1000
    }
  },
  methods: {
    // 在methods中的所有的函数都可以通过this访问到当前组件
    work () {
      // console.log('搬砖')
      // console.log(this.money)
      this.money += 100
    },
    love () {
      this.money -= 520
    }
  }
}
</script>

<style>

</style>